<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 添加Permissions-Policy元标签来解决unload权限问题 -->
    <meta http-equiv="Permissions-Policy" content="unload=()" />
    <title>聊天系统</title>
    <!-- 在所有JavaScript加载前定义全局对象 -->
    <script>
      // 定义global对象
      if (typeof global === 'undefined') {
        window.global = window;
      }
      // 定义process对象
      if (typeof process === 'undefined') {
        window.process = {
          env: {
            NODE_ENV: 'development',
            BASE_URL: '/' 
          }
        };
      }
    </script>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
